/**
*@description 粉丝地域
*@author yhw
*/
import React, { Component, PropTypes } from 'react';
import { connect } from 'dva';
import { browserHistory } from 'dva/router';
import styles from '../../routes/BusinessData.less';
import {Card, Icon, Tooltip, Row, Col} from 'antd';

const tit1 = (<div><p>截止至昨日，蜜丝佛陀线上线下去重后的历史积累总用户数，整合的渠道包括POS、Tmall和微信。</p><p>记录有手机号码、微信OpenID任意一种ID的用户计入总用户数。</p></div>);

const DataTitle = ({data, dispatch }) => {
  return (
    <ul className={styles.user_tit}>
        <li>
            <i className={styles.tit_left1}></i>
            <div className={styles.tit_right}>
                <div className={styles.qup}>用户总数&nbsp;
                    <Tooltip placement="right" title={tit1}>
                      <Icon type="question-circle-o" className={styles.anticon}/>
                    </Tooltip>
                </div>
                <p>{parseInt(data.userCount).formatMoney()}</p>
            </div>
        </li>
        <li>
            <i className={styles.tit_left2}></i>
            <div className={styles.tit_right}>
                <div className={styles.qup}>手机号用户数&nbsp;
                <Tooltip placement="right" title="截止至昨日，蜜丝佛陀积累的全部留有手机号码的用户人数。">
                  <Icon type="question-circle-o" className={styles.anticon}/>
                </Tooltip>
          </div>
                <p>{parseInt(data.poneCount).formatMoney()}</p>
            </div>
        </li>
        <li>
            <i className={styles.tit_left3}></i>
            <div className={styles.tit_right}>
                <div className={styles.qup}>OpenID用户数&nbsp;
                <Tooltip placement="right" title="截止至昨日，关注蜜丝佛陀官方微信账号的粉丝人数。">
                  <Icon type="question-circle-o" className={styles.anticon}/>
                </Tooltip>
          </div>
                <p>{parseInt(data.openIdCount).formatMoney()}</p>
            </div>
        </li>
      </ul>
  );
};

DataTitle.propTypes = {
    data: PropTypes.object
};

export default connect()(DataTitle);